<!DOCTYPE html>
<html lang="en-US" itemscope="itemscope" itemtype="http://schema.org/WebPage">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>账户信息</title>

    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="assets/css/animate.min.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="assets/css/font-electro.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="assets/css/owl-carousel.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="assets/css/style.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="assets/css/colors/yellow.css" media="all"/>
    <link  rel="stylesheet" type="text/css" href="css/my-info.css"/>
    <link rel="stylesheet" type="text/css" href="css/xcConfirm.css"/>


    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,700italic,800,800italic,600italic,400italic,300italic'
          rel='stylesheet' type='text/css'>
    <link rel="shortcut icon" href="assets/images/fav-icon.png">

</head>

<body class="page home page-template-default">


<div id="page" class="hfeed site">
    <a class="skip-link screen-reader-text" href="#site-navigation">Skip to navigation</a>
    <a class="skip-link screen-reader-text" href="#content">Skip to content</a>
    <div class="top-bar">
        <div class="container">
            <nav>
                <ul id="menu-top-bar-left" class="nav nav-inline pull-left animate-dropdown flip">
                    <li class="menu-item animate-dropdown"><a title="欢迎来到 CSU Mall" href="#">欢迎来到CSU Mall</a></li>
                </ul>
            </nav>

            <nav id="logined-nav" style="display: none">
                <ul id="menu-top-bar-right" class="nav nav-inline pull-right animate-dropdown flip">
                    <li class="menu-item animate-dropdown"><a title="Store Locator" href="#"><i class="ec ec-map-pointer"></i>当地商店</a></li>
                    <li class="menu-item animate-dropdown"><a title="Track Your Order" href="track-your-order.html"><i class="ec ec-transport"></i>物流</a></li>
                    <li class="menu-item animate-dropdown"><a title="Shop" href="shop.html"><i class="ec ec-shopping-bag"></i>Shop</a></li>
                    <li class="menu-item animate-dropdown"><a title="My Account" href="./my-info.html"><i class="ec ec-user"></i>个人中心</a></li>
                </ul>
            </nav>
            <nav id="login-nav" style="display:none;">
                <ul class="nav nav-inline pull-right animate-dropdown flip">
                    <li class="menu-item animate-dropdown"><a title="My Account" href="./my-account.html"><i class="ec ec-user"></i>请登录</a></li>
                </ul>
            </nav>
        </div>
    </div><!-- /.top-bar -->


    <nav class="navbar navbar-primary navbar-full">
        <div class="container">
            <ul class="nav navbar-nav departments-menu animate-dropdown">
                <li class="nav-item dropdown ">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="./home.html" id="departments-menu-toggle" >Cherry Save Us malll</a>
                </li>
            </ul>
            <div class="navbar-search">
                <label class="sr-only screen-reader-text" for="input-search">Search for:</label>
                <div class="input-group">
                    <input type="text" id="input-search" class="form-control search-field" dir="ltr" value="" name="s" placeholder="Search for products" />
                    <div class="input-group-addon search-categories">
                        <select name='product_cat' id='product_cat' class='postform resizeselect' >
                            <option value='0' selected='selected'>All Categories</option>
                            <option class="level-0" value="laptops-laptops-computers">Laptops</option>

                        </select>
                    </div>
                    <div class="input-group-btn">
                        <input type="hidden" id="search-param" name="post_type" value="product" />
                        <button class="btn btn-secondary" id="search-btn"><i class="ec ec-search"></i></button>
                    </div>
                </div>
            </div>

            <ul class="navbar-mini-cart navbar-nav animate-dropdown nav pull-right flip">
                <li class="nav-item dropdown">
                    <a href="cart.html" class="nav-link" data-toggle="dropdown">
                        <i class="ec ec-shopping-bag"></i>
                        <span class="cart-items-count count">4</span>
                        <span class="cart-items-total-price total-price"><span class="amount">&#36;1,215.00</span></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-mini-cart">
                        <li>
                            <div class="widget_shopping_cart_content">

                                <ul class="cart_list product_list_widget ">


                                    <li class="mini_cart_item">
                                        <a title="Remove this item" class="remove" href="#">×</a>
                                        <a href="single-product.html">
                                            <img class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" src="assets/images/products/mini-cart1.jpg" alt="">White lumia 9001&nbsp;
                                        </a>

                                        <span class="quantity">2 × <span class="amount">£150.00</span></span>
                                    </li>


                                    <li class="mini_cart_item">
                                        <a title="Remove this item" class="remove" href="#">×</a>
                                        <a href="single-product.html">
                                            <img class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" src="assets/images/products/mini-cart2.jpg" alt="">PlayStation 4&nbsp;
                                        </a>

                                        <span class="quantity">1 × <span class="amount">£399.99</span></span>
                                    </li>

                                    <li class="mini_cart_item">
                                        <a data-product_sku="" data-product_id="34" title="Remove this item" class="remove" href="#">×</a>
                                        <a href="single-product.html">
                                            <img class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" src="assets/images/products/mini-cart3.jpg" alt="">POV Action Cam HDR-AS100V&nbsp;

                                        </a>

                                        <span class="quantity">1 × <span class="amount">£269.99</span></span>
                                    </li>


                                </ul><!-- end product list -->


                                <p class="total"><strong>Subtotal:</strong> <span class="amount">£969.98</span></p>


                                <p class="buttons">
                                    <a class="button wc-forward" href="cart.html">View Cart</a>
                                    <a class="button checkout wc-forward" href="checkout.html">Checkout</a>
                                </p>


                            </div>
                        </li>
                    </ul>
                </li>
            </ul>

            <ul class="navbar-wishlist nav navbar-nav pull-right flip">
                <li class="nav-item">
                    <a href="wishlist.html" class="nav-link" ><i class="ec ec-favorites"></i></a>
                </li>
            </ul>
            <ul class="navbar-compare nav navbar-nav pull-right flip">
                <li class="nav-item">
                    <a href="compare.html" class="nav-link"><i class="ec ec-compare"></i></a>
                </li>
            </ul>
        </div>
    </nav>

    <div id="content" class="site-content" tabindex="-1">
        <div class="container">

            <nav class="woocommerce-breadcrumb"><a href="home.html">Home</a><span class="delimiter"><i
                    class="fa fa-angle-right"></i></span>My Account
            </nav><!-- .woocommerce-breadcrumb -->
            <div class="row">
                <div class="col-lg-3" style="height: 1000px;border: 2px solid #f0ad4e">
                    <div id="sidebar" style="width: 100%;right: unset" class="sidebar-blog" role="complementary">
                        <aside class="widget widget_categories" style="margin-top: 50px">
                            <h3 class="widget-title">个人中心</h3>
                            <ul>
                                <li class="cat-item"><a href="###" class="my-info">个人信息</a></li>
                                <li class="cat-item"><a href="my-order.html" class="history-orders">历史订单</a></li>
                                <li class="cat-item"><a href="###" class="Shipping-Address">收货地址</a></li>
                                <li class="cat-item"><a href="###" class="pay-info">支付信息</a></li>
                                <li class="cat-item"><a href="###" class="my-product">商品管理</a></li>
                                <li class="cat-item"><a href="###" class="real-name">实名认证</a></li>
                                <li class="cat-item"><a href="###" class="user-exit">退出登录</a></li>

                            </ul>
                        </aside>
                    </div>
                </div>
                <div class="col-lg-9" style="padding: 50px" id="my-info-content">
                    <!--   基本信息     -->
                    <div id="my-info" class="list-content-active">
                        <h3>基本资料</h3>
                        <p>你好啊，保持基本信息的完整，有助于更好的体验</p>


<!--                        <p class="form-row form-row-last" style="float: right">-->
<!--                            <label>当前头像:</label>-->
<!--                            <label for="user-imgfile" style="position: relative" width="150px">-->
<!--                                <span>-->
<!--                                    <img src="images/花k.png" class="img-fluidd" style="width: 150px;height: 150px;">-->
<!--                                    <div class="update-user-picfile">修!改!头!像</div>-->
<!--                                </span>-->

<!--                            </label>-->

<!--                            <input type="file" name="file" id="user-imgfile" style="display: none">-->
<!--                        </p>-->


                        <p class="form-row form-row-last" style="float: right;margin-bottom: 0">
                            <label for="user-imgfile" width="170px" style="margin-bottom: 0">
                                <span >当前头像：</span>
                                <img src="images/花k.png" class="img-rounded" id="user-pic" width="170px">
                                 <span class="update-user-picfile" >修改头像</span>
                            </label>
                        </p>
                        <input type="file" name="file" id="user-imgfile" onchange="changePic(this)" style="display: none">


                        <p class="form-row form-row form-row-first">
                            <label class="u" for="user-nickname">昵称</label>
                            <input type="text" value="" placeholder=""  id="user-nickname" name="user-nickname" class="input-text user-nickname">
                        </p>
                        <p class="form-row form-row form-row-first">
                            <label class="u" for="user-realname">真实姓名</label>
                            <input type="text" value="尚未实名认证" placeholder="" id="user-realname" name="user-realname" class="input-text " disabled>
                        </p>


                        <p id="billing_email_field" class="form-row form-row form-row-first validate-required validate-email">
                            <label class="" for="user-email">Email Address <abbr title="required" class="required">*</abbr></label>
                            <input type="email" value="" placeholder="" id="user-email" name="user-email" class="input-text ">
                        </p>

                        <p id="billing_phone_field" class="form-row form-row form-row-last validate-required validate-phone">
                            <label class="" for="user-phone">Phone<abbr title="required" class="required">*</abbr></label>
                            <input type="tel" value="" placeholder="" id="user-phone" name="user-phone" class="input-text ">
                        </p>
                        <div class="clear"></div>




<!--                        <p class="form-row form-row-first">-->
<!--                            <label class="u" >地区</label>-->
<!--                            &lt;!&ndash; 省&ndash;&gt;-->
<!--                            <select id="pro" class="electro-wc-wppp-select user-address" onchange="show_city(this)"></select>-->
<!--                            &lt;!&ndash; 市 &ndash;&gt;-->
<!--                            <select id="city" class="electro-wc-wppp-select  user-address" onchange="show_con(this)"></select>-->
<!--                            &lt;!&ndash; 县 &ndash;&gt;-->
<!--                            <select id="con" class="electro-wc-wppp-select  user-address"></select>-->
<!--                        </p>-->


                        <p id="billing_address_1_field" class="form-row form-row form-row ">
                            <label class="" for="user-detail-address">详细地址</label>
                            <input type="text" value="" placeholder="Street address" id="user-detail-address"  class="input-text ">
                        </p>
                        <p class="clear"></p>
                        <div class="button">保存</div>

                    </div>
                    <!--   历史订单     -->
                    <div id="history-orders" class="list-content">
                        <h3 class="contact-page-title">历史订单</h3>


                        <div class="woocommerce-checkout-review-order" id="order_review">
                            <table class="shop_table woocommerce-checkout-review-order-table">
                                <thead style="background-color: #f0f8fb;">

                                <tr>
                                    <th class="orderId">订单编号：11311331312321</th>
                                    <th></th>
                                </tr>
                                <tr>
                                    <th class="order-date">订单日期：2020-123-123-1</th>
                                    <th class="order-state">订单状态：未支付</th>
                                </tr>

                                <tr>
                                    <th >Product</th>
                                    <th >Total</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="cart_item">
                                    <td class="product-name-count">
                                        Wireless Audio System Multiroom 360&nbsp;
                                        <strong class="product-quantity">× 1</strong>
                                    </td>
                                    <td >
                                        <span  class="product-total">$1,999.00</span>
                                    </td>
                                </tr>

                                </tbody>
                                <tfoot>



                                <tr >
                                    <th>合计</th>
                                    <td><strong><span class="order-total">$3,599.00</span></strong> </td>
                                </tr>
                                <tr >
                                    <th>收件人</th>
                                    <td><span class="receive-name">事事顺遂是</span></td>
                                </tr>
                                <tr>
                                    <th>联系方式</th>
                                    <td><span class="receive-phone">1132132131</span></td>
                                </tr>
                                <tr>
                                    <th>收件地址</th>
                                    <td><span class="receive-address">吧啦吧啦吧啦吧啦吧啦吧啦</span></td>
                                </tr>
                                </tfoot>
                            </table>

                            <div class="woocommerce-checkout-payment" id="payment">

                            </div>
                        </div>



                    </div>
                    <!--   收货地址    -->
                    <div id="Shipping-Address" class="list-content">
                        <h3 class="contact-page-title">收货地址管理</h3>

                        <div class="address-list">
                            <!--id 为地址编号  -->
                            <div class="address-item ">
                                <div>
                                  <span>名称</span>
                                  <span>1919191918</span>
                                </div>
                                <div>
                                    <span>省 &nbsp;市 &nbsp;区 &nbsp;详细地址吧吧吧吧吧吧吧</span>
                                </div>
                                <div>
                                    <a data-toggle="modal" data-target="#addressModal-id1" class="btn-info" style="display: inline-block" >编辑</a>
                                    <a class="btn-info" style="display: inline-block">删除</a>
                                </div>


                            </div>
                            <div class="address-item ">
                                <div>
                                    <span>名称</span>
                                    <span>1919191918</span>
                                </div>
                                <div>
                                    <span>省 &nbsp;市 &nbsp;区 &nbsp;详细地址吧吧吧吧吧吧吧</span>
                                </div>
                                <div>
                                    <a data-toggle="modal" data-target="#addressModal" class="btn-info" style="display: inline-block" >编辑</a>
                                    <a class="btn-info" style="display: inline-block">删除</a>
                                </div>


                                <div class="modal fade" id="addressModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button  class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                <h4 class="modal-title" id="myModalLabel">修改地址</h4>
                                            </div>
                                            <div class="modal-body">
                                                <input type="text" name="username" value="name">
                                                <input type="text" name="phonenumber" value="phonenumber">
                                                <br/>
                                                <input type="text" name="address" value="地址" style="width: 400px">


                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn-info" data-dismiss="modal">关闭</button>
                                                <button type="button" class="btn-info">提交更改</button>
                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal -->
                                </div>

                            </div>
                        </div>
                        <h1 class="contact-page-title" style="font-size: 18px;margin-top: 50px">新增收货信息</h1>

                        <p class="form-row form-row-first">
                            收货人姓名：
                            <input type="text" class="input-sm" style="height: 30px" value="自动填充">
                        </p>
                        <p class="form-row form-row-last">
                            收货人联系方式：
                            <input type="text" class="input-sm" style="height: 30px" value="188******">
                        </p>
                        <p class="form-row form-row-first">
                            <label class="u" >地区</label>
                            <!-- 省-->
                            <select id="pro" class="electro-wc-wppp-select user-address" onchange="show_city(this)"></select>
                            <!-- 市 -->
                            <select id="city" class="electro-wc-wppp-select  user-address" onchange="show_con(this)"></select>
                            <!-- 县 -->
                            <select id="con" class="electro-wc-wppp-select  user-address"></select>
                        </p>
                        <p class="form-row form-row-last">
                                详细地址：
                            <input type="text" id="detail-address" class="input-sm" style="height: 30px;width: 280px" value="南湖大道茶山刘">
                        </p>
                        <p class="form-row form-row-first">
                            <button class="btn-info" id="save-address-btn">保存</button>
                        </p>

                    </div>


                    <div id="pay-info" class="list-content">
                        <h3 class="contact-page-title">支付信息管理</h3>
                    </div>
                    <div id="my-product" class="list-content">
                        <h3 class="contact-page-title">商品管理</h3>


                        <div style="padding: 10px">
                        <p class="form-row form-row-first" >
                            <label for="product-imgfile" width="170px" style="margin-bottom: 0">
                                <span >选择商品图片：</span>
                                <img src="images/花k.png" class="img-rounded" id="product-img" width="300px">
                                <span class="update-user-picfile" >修改商品图</span>
                            </label>
                        </p>
                        <input type="file" name="file" id="product-imgfile" onchange="changePic(this)" style="display: none">


                            <p class="form-row  form-row-last">
                                <label class="u" for="product-name">商品名称</label>
                                <input type="text" value="" placeholder=""  id="product-name" name="user-nickname" class="input-text user-nickname">


                                <label class="u" for="product-price" style="margin-top: 10px">单价</label>
                                <input type="text" value="" placeholder="" id="product-price"  class="input-text ">

                                <label class="" for="product-stock" style="margin-top: 10px">库存<abbr title="required" class="required">*</abbr></label>
                                <input type="tel" value="" placeholder="" id="product-stock" name="user-phone" class="input-text ">
                            </p>
                            <div class="clear"></div>
                            <p class="form-row form-row-first">
                                <label class="" for="category-select">种类 <abbr title="required" class="required">*</abbr></label>
                                 <select class="electro-wc-wppp-select user-address"  id="category-select">
                                 </select>
                            </p>


                             <p  class="form-row form-row ">
                                <label class="" for="product-address">地址<abbr title="required" class="required">*</abbr></label>
                                 <input type="text" value="" placeholder="" id="product-address"  class="input-text ">
                             </p>
                             <div class="clear"></div>
                            <p  class="form-row form-row ">
                                <label class="" for="product-descript">商品描述<abbr title="required" class="required">*</abbr></label>
                                <input type="text" value="" placeholder="" id="product-descript"  class="input-text ">
                            </p>
                            <div class="button" onclick="_product.addProduct()">发布</div>
                        </div>

                    </div>
                    <div id="real-name" class="list-content">
                        <h3 class="contact-page-title">实名认证</h3>
                        <p class="form-row form-row form-row-first">
                            <label class="u" for="user-realname">真实姓名><span class="error" id="identity-error" style="margin-left: 100px"></span></label>
                            <input type="text" value="" placeholder="请输入您的真实姓名" id="userrealname" name="user-realname" class="input-text " >
                        </p>
                        <p class="form-row form-row form-row-first">
                            <label class="u" for="id-card">身份证</label>
                            <input type="text" value="" placeholder="请输入您的身份证号" id="id-card" name="id-card" class="input-text " >
                        </p>
                        <p class="form-row form-row-wide">
                            <label for="question">安全问题<span class="required">*</span></label>
                            <input type="text" class="input-text" name="question" id="question" value=""  disabled />
                        </p>
                        <p class="form-row form-row-wide">
                            <label for="realanswer" >问题答案<span class="required">*</span><span class="error" id="answer-error" style="margin-left: 100px"></span></label>
                            <input type="text" placeholder="请输入问题答案" class="input-text" name="answer" id="realanswer" value="" />
                        </p>
                        <p class="clear"></p>
                        <div class="button" id="identify">提交<span class="error" id="username-error" style="margin-left: 50px"></span</div>
                    </div>
                </div>


            </div>

        </div>
    </div>

</div><!-- #content -->


<footer id="colophon" class="site-footer">
    <div class="footer-widgets">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-xs-12">
                    <aside class="widget clearfix">
                        <div class="body">
                            <h4 class="widget-title">Featured Products</h4>
                            <ul class="product_list_widget">
                                <li>
                                    <a href="single-product.html" title="Tablet Thin EliteBook  Revolve 810 G6">
                                        <img class="wp-post-image" data-echo="assets/images/footer/1.jpg"
                                             src="assets/images/blank.gif" alt="">
                                        <span class="product-title">Tablet Thin EliteBook  Revolve 810 G6</span>
                                    </a>
                                    <span class="electro-price"><span class="amount">&#36;1,300.00</span></span>
                                </li>

                                <li>
                                    <a href="single-product.html" title="Smartphone 6S 128GB LTE">
                                        <img class="wp-post-image" data-echo="assets/images/footer/2.jpg"
                                             src="assets/images/blank.gif" alt=""><span class="product-title">Smartphone 6S 128GB LTE</span>
                                    </a>
                                    <span class="electro-price"><span class="amount">&#36;780.00</span></span>
                                </li>

                                <li>
                                    <a href="single-product.html" title="Smartphone 6S 64GB LTE">
                                        <img class="wp-post-image" data-echo="assets/images/footer/3.jpg"
                                             src="assets/images/blank.gif" alt="">
                                        <span class="product-title">Smartphone 6S 64GB LTE</span>
                                    </a>
                                    <span class="electro-price"><span class="amount">&#36;1,215.00</span></span>
                                </li>
                            </ul>
                        </div>
                    </aside>
                </div>
                <div class="col-lg-4 col-md-4 col-xs-12">
                    <aside class="widget clearfix">
                        <div class="body"><h4 class="widget-title">Onsale Products</h4>
                            <ul class="product_list_widget">
                                <li>
                                    <a href="single-product.html" title="Notebook Black Spire V Nitro  VN7-591G">
                                        <img class="wp-post-image" data-echo="assets/images/footer/3.jpg"
                                             src="assets/images/blank.gif" alt="">
                                        <span class="product-title">Notebook Black Spire V Nitro  VN7-591G</span>
                                    </a>
                                    <span class="electro-price"><ins><span class="amount">&#36;1,999.00</span></ins> <del><span
                                            class="amount">&#36;2,299.00</span></del></span>
                                </li>

                                <li>
                                    <a href="single-product.html" title="Tablet Red EliteBook  Revolve 810 G2">
                                        <img class="wp-post-image" data-echo="assets/images/footer/4.jpg"
                                             src="assets/images/blank.gif" alt="">
                                        <span class="product-title">Tablet Red EliteBook  Revolve 810 G2</span>
                                    </a>
                                    <span class="electro-price"><ins><span class="amount">&#36;1,999.00</span></ins> <del><span
                                            class="amount">&#36;2,299.00</span></del></span>
                                </li>

                                <li>
                                    <a href="single-product.html" title="Widescreen 4K SUHD TV">
                                        <img class="wp-post-image" data-echo="assets/images/footer/5.jpg"
                                             src="assets/images/blank.gif" alt="">
                                        <span class="product-title">Widescreen 4K SUHD TV</span>
                                    </a>
                                    <span class="electro-price"><ins><span class="amount">&#36;2,999.00</span></ins> <del><span
                                            class="amount">&#36;3,299.00</span></del></span>
                                </li>
                            </ul>
                        </div>
                    </aside>
                </div>
                <div class="col-lg-4 col-md-4 col-xs-12">
                    <aside class="widget clearfix">
                        <div class="body">
                            <h4 class="widget-title">Top Rated Products</h4>
                            <ul class="product_list_widget">
                                <li>
                                    <a href="single-product.html" title="Notebook Black Spire V Nitro  VN7-591G">
                                        <img class="wp-post-image" data-echo="assets/images/footer/6.jpg"
                                             src="assets/images/blank.gif" alt="">
                                        <span class="product-title">Notebook Black Spire V Nitro  VN7-591G</span>
                                    </a>
                                    <div class="star-rating" title="Rated 5 out of 5"><span style="width:100%"><strong
                                            class="rating">5</strong> out of 5</span></div>
                                    <span class="electro-price"><ins><span class="amount">&#36;1,999.00</span></ins> <del><span
                                            class="amount">&#36;2,299.00</span></del></span>
                                </li>

                                <li>
                                    <a href="single-product.html" title="Apple MacBook Pro MF841HN/A 13-inch Laptop">
                                        <img class="wp-post-image" data-echo="assets/images/footer/7.jpg"
                                             src="assets/images/blank.gif" alt="">
                                        <span class="product-title">Apple MacBook Pro MF841HN/A 13-inch Laptop</span>
                                    </a>
                                    <div class="star-rating" title="Rated 5 out of 5"><span style="width:100%"><strong
                                            class="rating">5</strong> out of 5</span></div>
                                    <span class="electro-price"><span class="amount">&#36;1,800.00</span></span>
                                </li>

                                <li>
                                    <a href="single-product.html" title="Tablet White EliteBook Revolve  810 G2">
                                        <img class="wp-post-image" data-echo="assets/images/footer/2.jpg"
                                             src="assets/images/blank.gif" alt="">
                                        <span class="product-title">Tablet White EliteBook Revolve  810 G2</span>
                                    </a>
                                    <div class="star-rating" title="Rated 5 out of 5"><span style="width:100%"><strong
                                            class="rating">5</strong> out of 5</span></div>
                                    <span class="electro-price"><span class="amount">&#36;1,999.00</span></span>
                                </li>
                            </ul>
                        </div>
                    </aside>
                </div>
            </div>
        </div>
    </div>


    <div class="copyright-bar">
        <div class="container">
            <div class="pull-left flip copyright">&copy; <a href="http://www.bootstrapmb.com">Electro</a> - All Rights
                Reserved
            </div>
            <div class="pull-right flip payment">
                <div class="footer-payment-logo">
                    <ul class="cash-card card-inline">
                        <li class="card-item"><img src="assets/images/footer/payment-icon/1.png" alt="" width="52"></li>
                        <li class="card-item"><img src="assets/images/footer/payment-icon/2.png" alt="" width="52"></li>
                        <li class="card-item"><img src="assets/images/footer/payment-icon/3.png" alt="" width="52"></li>
                        <li class="card-item"><img src="assets/images/footer/payment-icon/4.png" alt="" width="52"></li>
                        <li class="card-item"><img src="assets/images/footer/payment-icon/5.png" alt="" width="52"></li>
                    </ul>
                </div><!-- /.payment-methods -->
            </div>
        </div><!-- /.container -->
    </div><!-- /.copyright-bar -->
</footer><!-- #colophon -->

</div><!-- #page -->

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/tether.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-hover-dropdown.min.js"></script>
<script type="text/javascript" src="assets/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="assets/js/echo.min.js"></script>
<script type="text/javascript" src="assets/js/wow.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="assets/js/electro.js"></script>


<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="./js/xcConfirm.js"></script>

<script type="text/javascript" src="./js/user.js"></script>
<script type="text/javascript" src="js/top-bar.js"></script>
<script type="text/javascript" src="js/city.js"></script>
<script type="text/javascript" src="js/common-nav.js"></script>

<script type="text/javascript" src="js/product.js"></script>

<script type="text/javascript" src="js/my-info.js"></script>


<script>
    user.getaccountinfo();
    _product.getCategory('STUDY');
    _product.getCategory('USE');

</script>
</body>
</html>
